<template>
    <div class="pageTool">
        <el-pagination background   @current-change="handleCurrentChange" :page-size="pageSizes" :current-page.sync="page" :page-count="pageCount"   layout="prev, pager, next" :pager-count="pagerCount" :total="total" class="pagination"></el-pagination>
    </div>
</template>
<script>
// 分页组件
export default {
  name:'pageNation',
  props: {
    pageSizes:{
      type: Number,
      required: true
    },
    total:{
      type: Number,
      required: true
    },
    pagerCount:{
      type: Number,
      required: true  
    },
    pageCount:{
      type: Number,
      required: true    
    }
  },
  data() {
    return {
      page:1,
    };
  },
  mounted(){
  },
  methods: {
    handleCurrentChange(val) {
      this.$parent.init()
    },
  },
};
</script>
<style lang="scss" scoped>
.pageTool{
	position: fixed;
  width: 100%;
  height: 110px;
  // padding-top: 27px;
  text-align: center;
  left: 60px;
  bottom: 0;
	z-index: 10;	
  background: #f7f7f7;
  display: table;
  .pagination{
    display: inline-block;
    display: table-cell;
    vertical-align: middle;
  }
}
</style>